.modups{
    position: fixed;
    bottom: 20%;
    top: auto;
    opacity: 0;
    transition-duration: .5s;
    z-index: 11;
    right: 5%;
}
.modups img{
    width: 50px;
    background-color: white;
}
.swiper-slide-active{
    z-index: 10;
}
.modups:hover{
    opacity: 1!important;
}
.banner img{
    width: 100%;
}
.banner .swiper-pagination-bullet{
    width: 16px;
    height: 16px;
    opacity: 0.6;
}
.content{
    margin: 0 auto;
    width: 95%;
    max-width: 1400px;
    position: relative;
}
.banner .swiper-pagination-bullet-active{
    background: #e60012;
    opacity: 1;
}
.banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 9px;
}
.banner .swiper-container-horizontal > .swiper-pagination-bullets, .banner .swiper-pagination-custom,.banner  .swiper-pagination-fraction{
    bottom: 40px;
}
.ad{background:#f0f0f0;height: 40px;overflow: hidden;}
.ad img{float: left;margin-top: 9px;}
.ad span{
    font-size: 16px;
    color: #666666;
    padding-left: 10px;
    vertical-align: middle;
    white-space: nowrap;
    width: calc(100% - 26px);
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}
.ad .swiper-ad{
    display: inline-block;
    height: 36px;
    padding-top: 2px;
width: calc(100% - 30px);
}

.ad .swiper-ad .swiper-slide{
}
.ad  .swiper-wrapper{
    transition-timing-function: linear;
}

.case_empty{
    font-size: 0px;
}

.prolisol.caseol{
    font-size: 0px;
}

.case_empty{
    font-size: 0px;
}
.prolisol.caseol .col-lg-6{
    float: initial;
    display: inline-block;
    vertical-align: top;
}
.case_empty .col-lg-4{
    float: initial;
    display: inline-block;
    vertical-align: top;
}
.product,.project,.introduction,.double,.partner{
padding: 90px 0;
}
.product-main{}
.product-main .row .col-lg-3.col-md-3.col-sm-6.col-xs-12{
    padding-left: 8px;
    padding-right: 8px;
}
.product-main .product-main-item{
    cursor: pointer;
    transition-duration: .5s;
}
.product-main .product-main-item:hover{
    box-shadow: 0 0 28px rgba(0,0,0,0.22);
    transition-duration: .5s;
}

.product-main .product-main-item:hover .sub-product-tit{
    color: #d82409; transition-duration: .5s;
}

.product-main .product-main-item>img{
    width: 100%;
}

.product-main-item .sub-product{
    padding: 20px 30px;
    box-shadow: 0 0 23px rgba(0,0,0,0.07);
    min-height: 320px;
}
.pro_empty>div:nth-of-type(n+5){
    display: none!important;
}
.product-main-item .sub-product .sub-product-tit{
    color: #333333;
    font-size: 20px;
}
.product-main-item .sub-product>ul{
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    overflow: hidden;

}
.product-main-item .sub-product>ul>li{
    color: #666666;
    font-size: 16px;
    position: relative;
    padding-left: 16px;
    margin: 2px 0;
}
.product-main-item .sub-product>ul>li:before{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 4px;
    height: 4px;
    background: #d82409;
    margin-top: -2px;
}
.product-main-item .sub-product>img{
    padding-left: 16px;
}
.project{
    background: #fafafa;
}
.project-nav{margin-bottom: 40px;}
.project-nav>ul{
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}
.project-nav>ul>li{
    display: inline-block;
    background: #f0f0f0;
    color: #666666;
    padding:0 10px;
    font-size: 16px;
    text-align: center;
    width: 200px;
    margin-right: 18px;
    height: 48px;
    line-height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.project-nav>ul>li.project-nav-act{
    background: #d82409;
    color: #fff;
}
.project-nav .add{
    border: 1px solid #cdcdcd;
    padding: 12px 20px;
    margin-top: 3px;
    float: right;
    cursor: pointer;
}


.project-main{}
.project-main .row .col-lg-3.col-md-3.col-sm-6.col-xs-12{
    padding-left: 18px;
    padding-right: 18px;
}
.project-main .project-main-item{
    cursor: pointer;
    margin-bottom: 20px;
    overflow: hidden;
}
.project-main .project-main-item>img{
    width: 100%;
}
.project-main .project-main-item:hover{
    box-shadow: 0 0 28px rgba(0,0,0,0.22); transition-duration: .5s;
}
.project-main .project-main-item:hover img{
    transform: scale(1.05); transition-duration: .5s;
}
.project-main .project-main-item:hover .sub-project{
   background: #fff; transition-duration: .5s;
}
.project-main .project-main-item:hover .sub-project p{
    color: #d82409; transition-duration: .5s;
}
.sub-project{
    background: #fafafa;
    position: relative;
    z-index: 1;
}
.sub-project p{
    font-size: 16px;
color: #666666;
    margin: 0;
    text-align: center;
    padding: 16px 0;
}

.introduction{
    background: url("../images/introduction-bg.png")  center no-repeat;
    background-size: 100% auto;
    width: 100%;
}
.introduction .main-title{
    color: #fff;
}

.company,.num-info{
    padding: 0 136px;
}
.company{
    text-align: center;
    color: #fff;
    font-size: 16px;
}
.company p{
    text-indent: 2rem;
    margin-bottom: 0;
    line-height: 24px;
    color: white;
}
.company button{
    color: #fff;
    font-size: 16px;
    background: #d82409;
    padding: 10px 30px;
    margin-top: 60px;
}
.company button:hover{
    color: #d82409;
    background: #fff; transition-duration: .5s;
}

.num-info{margin-top: 100px;}
.num-info ul{
    text-align: center;
}
.num-info ul li{
    color: #fff;
    display: inline-block;
    padding-right: 120px;
}
.num-info ul li:last-child{
    padding-right: 0;
}
.num-info ul li p{
    margin-bottom: 0;
    font-size: 70px;
    font-weight: bold;
    font-family: 'number';
    color: white;
}
.num-info ul li span{
    font-size: 16px;
}
.num-info ul li span.counter-value{
    font-size: 70px;
    font-weight: bold;
    font-family: 'number';
}
.num-info ul li span.li-text{
  display: block;
}
.container{
    position: relative;
}
.double{}
.double>.container{
    display: flex;
}
.double>.container >div{
    width: 50%;
    overflow: hidden;
}
.video{
padding-right: 32px;
}

.video video {
    width: 100%;
    height: auto;
}


.news{
    padding-left: 32px;
    position: relative;
}
.news>a .add{
    position: absolute;
    right: 0;
    top: 2px;
    cursor: pointer;
}
.news .add{
    border: 1px solid #cdcdcd;
    padding: 10px 10px;
}
.news-item{}
.news-main-item{
    border-bottom: 1px solid #e6e6e6;
    padding: 30px 0;
    font-size: 0;
    width: 100%;
    overflow: hidden;
}
.news-main-item:first-child{
    padding-top: 0;
}
.news-main-item:last-child{
    border-bottom: 0;
    padding-bottom: 0;
}
.news-main-item:hover .r-news p{
    color: #d82409; transition-duration: .5s;
}
.news-main-item .l-news{display: inline-block;}
.news-main-item .l-news img{}
.news-main-item .r-news{
    width: calc(100% - 147px);
    display: inline-block;
    vertical-align: middle;
    padding: 0 20px;
}
.news-main-item .r-news p{
    font-size: 16px;
    color: #666666;
    margin-bottom: 18px;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    height: 46px;
}
.news-main-item .r-news span{
    font-size: 14px;
    color: #999999;
}


.partner{}
.partner-item >.row{}
.partner-item >.row .col-lg-4,.partner-item >.row .col-md-4{
    width: 20%;
}

.partner-main-item{
    text-align: center;
    border: 1px solid #eeeeee;
    padding: 16px 40px;
    margin-bottom: 50px;
}
.partner-main-item:hover{
    box-shadow: 0 0 23px rgba(0,0,0,0.07); transition-duration: .5s;
}
.partner-main-item:hover>img{
    transform: scale(1.1); transition-duration: .5s;
}
.partner-main-item>img{
    width: 100%;
}

.childbanner{
    background-position: top center;
    background-size: 100% auto;
}
.childbanner img{
    width: 100%;
}
.childbannerdiv{
    padding-top: 9%;
    padding-bottom: 11%;

}
.childbannerdiv>div{
    height: 89px;
}
.childbannerdiv p:nth-of-type(1){

    font-size: 28px;
    margin-bottom: 12px;
}
.childbannerdiv p:nth-of-type(2){
    font-size: 26.5px;
}
.bread{
    background-color: #696f76;
    height: 58px;
    margin-top: -58px;
    z-index: 12;
    position: relative;  background-color: rgba(0,0,0,.5);

}
.bread .tit{
    color: white;
    font-weight: bold;
    font-size: 32px;
    width: 260px;
    text-align: center;
     /*line-height: 124px; */
    max-height: 124px;
    background-color: rgba(261,36,9,.8);
    position: absolute;
    left: 0;
    bottom: 0px;
    padding: 39px 0;
}
.proleft{
    width: 100%;
    max-width: 260px;
    display: inline-block;
    vertical-align: top;
}
.prolefta:hover{
    background-color:#d82409; transition-duration: .5s;
}
.prolefta:hover .proleftimg img:nth-of-type(1){
    display: none; transition-duration: .5s;
}
.prolefta:hover .proleftimg img:nth-of-type(2){
    display: block; transition-duration: .5s;
}
.prolefta:hover .proleftnr{
    color: white; transition-duration: .5s;
}
.prolefta{
    background-color:#f5f5f5;
    padding:15px 28px 15px 28px ;
    display: block;
    position: relative;
    cursor: pointer;
    margin-bottom: 11px;
}
.proleftnr{
    font-size:16px;
    color: #333333;
    display: inline-block;
    width: calc(100% - 17px);
}
.proleftimg{
    display: inline-block;
    width: 12px;
    position: relative;
    vertical-align: top;
    top:4.5px;
}
.proleftimg img{
    position: absolute;
    left: 0;
    top:0;
}
.proleftimg img:nth-of-type(1){
    display: block;
}
.proleftimg img:nth-of-type(2){
    display: none;
}
.prolisp1 img{
    width: 100%;
}
.prolisp2{
    background-color:#f5f5f5;
    color:#333333;
    text-align: center;
    font-size: 16px;
    padding: 14px 0;
    border-top: 1px solid #e6e6e6;
    transition-duration: .5s;
    height: 73px;
}
.prolisol a:hover .prolisp2{
    background-color:#d82409; transition-duration: .5s;
    color:white;
}
.prolisol a:hover>div{
    box-shadow: 0 7px 12px rgba(45,45,45,.11); transition-duration: .5s;
}
.prolisol a>div{
    margin-left:30px;border:1px solid #e6e6e6;
}
.prolisol a{
    cursor: pointer;
    width: 33%;
    display: inline-block;
    margin-bottom: 27px;
}

.prolis{
    display: inline-block;
    width: calc(100% - 322px);
    margin-left: 56px;
}
.prolis:after{
    content: "";
    clear: both;

}
.contentpro{
    margin-top: 60px;
}
.proleft .active{
    background-color: #d82409;
}
.proleft .active .proleftnr{
    color: white;
}

.proleft .active .proleftimg img:nth-of-type(1){
    display: none;
}
.proleft .active .proleftimg img:nth-of-type(2){
    display: block;
}
.page ul{
    margin: 0 auto;
    text-align: center;
}
.page ul .pages{
width: 100px;
}
.page ul a{
    line-height: 45px;
    width: 44px;
    display: inline-block;
    margin: 0 2px;
    background-color: #f8f8f8;
    color: #333333;
    cursor: pointer;
}
.page ul a:hover{
    background-color: #d82409;
    color: white; transition-duration: .5s;
}

.contents{
    margin-bottom: 150px;
}
.prolisol{
    margin-bottom: 60px;
}
.page .active{
    background-color: #d82409;
    color: white;
}
.breaddiv{
    text-align: right;
    margin-right: 4px;
}
.breaddiv img{
    margin: 0 6px;
    position: relative;
    top: -2px;
}
.breaddiv a{
    color: #e5e5e5;
    line-height: 58px;
    display: inline-block;
}
.breaddiv img{
    display: inline-block;
}
.breaddiv span{
    display: inline-block;
}
.prodtitle{
    background-color: #e5e5e5;
}
.prodtitle{
    font-size: 0px;
}

.prodtitle>div{
    font-size: 16px;
    display: inline-block;
    color: black;
    line-height: 40px;
    border-top: 2px solid transparent;
    text-align: center;
    width: 202px;
    cursor: pointer;

}

.prodtitle .active{
    border-top: 2px solid #d82409;
    background-color: white;
}
.prodtitle{
    margin-top: 60px;
    margin-bottom: 40px;
}
.prolisold a{
    width: 25%;
    padding: 0 15px;
    float: left;
}
.prolisold{
    margin-bottom: 60px;
    width: 100%;
    max-width: 1430px;
}
.prolisold a>div{
    margin-left: 0px;
}
.detailpro{
    padding-left: 55px;
    vertical-align: middle;
}
.detailpro .h3{
    font-weight: bold;
    color: #333333;
    font-size: 28px;
    margin-top: 7.5%;
}
.detailpro .nr{
    color: #999999;
    font-size: 16px;
    line-height: 24.5px;
    padding: 24px  0;
    border-top:1px solid #e5e5e5 ;
    border-bottom:1px solid #e5e5e5 ;
    margin-top: 5%;
    margin-bottom: 6%;
}
.detailpro .title{
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 15px;
}
.detailpro .ul{

}
.detailpro li{
    color: #333333;
    margin-bottom: 5.5px;
    list-style: disc;
    margin-left: 20px;
}
.detailpro .ul li p{
    display: inline-block;
    margin: 0 0;
    line-height: 0;
}
.detailpro .ul li:before{
    
    background-color: #d82409;
    width: 5px;
    height: 5px;
    border-radius: 100%;display: inline-block;
    margin-right: 7px;
    position: relative;
    top: -2px;
}
.detailpro .zixun{
    font-size: 16px;
    color: white;
    background-color: #d82409;
    line-height: 44px;
    width: 175px;
    text-align: center;
    cursor: pointer;
    margin-top: 50px;
}
.swiper-containerprod img{
    width: 100%;
}
.swiper-containerprod{
    border: 1px solid #e5e5e5;
    padding: 0 0;
}
.container30{
    margin-top: 70px;
}
.caseol{

}
.caseol a{
    width: 50%;
    float: left;
}
.page{
    clear: both;
}
.caseol a{
    padding-left: 40px;
    padding-right: 0px;
}
.caseol a>div{
    margin-left: 0px;
}
.caseold{
    width: calc(100% - 306px);
    margin-left: 36px;
}
.swiperflex{
    background-color: rgba(0,0,0,.6);
    position: fixed;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    z-index: 10;
    z-index: -1;
    opacity: 0;
}
.swiper-containercasc1 .swiper-pagination{
    color: white;
    width: 60px;
    border-radius: 100px;
    background-color: rgba(0,0,0,.6);
    line-height: 24px;
    right: 6%;
    left: unset;
    margin-bottom: 20px;
}
.swiperflex .swiper-containercasc1{
   max-width: 1400px;
    width: 100%;

    position: absolute;
    top: 40%;left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -webkit-transform:translate(-50%, -50%);
    -o-transform:translate(-50%, -50%);

}
.swiperflex .swiper-containercasc{
   width: 100%;
    max-width: 750px;
}
.swiperflex .swiper-containercasc .swiper-slide img{
    width: 100%;
}


.swiper-containercasc1 .swiper-button-prev{
    background-image:url(../images/yuleft.png);
    background-color: #ffffff;
    background-size:  17px 25px;
    width: 57px;
    height: 69px;
}
.swiper-containercasc1 .swiper-button-next{
    background-image:url(../images/yuright.png);
    background-color: #ffffff;
    background-size:  17px 25px;
    width: 57px;
    height: 69px;
}
.swiper-containercasc p{
    color: white;
    font-size: 20px;
    text-align: center;
    margin-bottom: 43px;
}
.closee{
    position: absolute;
    right: 20%;
    top: 10%;
    z-index: 15;
}
.about a{
    margin-right: 40px;
    position: relative;
    color: white;
}
.about .active:after{
    content: "";
    width: 100%;
    height: 2px;
    background-color:#d82409 ;
    position: absolute;
    left: 0;
    bottom: 0;
}
.breadt{
    background-color: rgba(0,0,0,.5);
    margin-top: -58px;
    z-index: 12;
    position: relative;
}
.devetitle{
    text-align: center;
    margin-top: 56px;
    margin-bottom: 70px;
    position: relative;
    z-index: 1;
    text-align: center;
}
.devetitle span{
    color: #333333;
    font-size: 36px;
    /*border-bottom: 3px solid #d82409;*/
    line-height: 68px;
    display: inline-block;
}

.devetitle span:after{
    content: "";
    display: block;
    height: 3px;
    width: 66px;
    background-color:#d82409 ;
    margin: 0 auto;
}

.devetitle h3{
    font-size: 26px;
    color: #4c4c4c;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 50px;
    font-weight: bold;
}
.devedivnr{
    position: relative;
    background-color: #f5f5f5;
    padding:22px 38px ;
    width: 500px;
    cursor: pointer;
    transition-duration: .5s;
}
.devedivnr h4{
    margin-bottom: 10px;
}

.aboutds3 p{
    color: #666666;
    word-break: break-all;
}
.devedivnr h4,p{
    color: #23374c;
    margin-top: 10px;
    line-height: 25px;
}
.sub-product ul li p {
    color: #666666;
    font-size: 16px;
    margin: 2px 0;
}
.devedivnr i{
    display:inline-block;
    position: absolute;
    width: 65px;
    height: 65px;
    border-radius: 100%;
    text-align: center;
    line-height: 65px;
    font-style: normal;
    background-color:#d82409;
    font-size: 18px;
    /*border: 5px solid rgba(17,180,255,.4);*/
    top: 0%;
    right: -26.4%;
    color: white;
    font-family: Impact;
}
.devedivnr i:after{
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    border: 1px solid #666666;
    background-color: white;
    bottom:-20px;
    border-radius: 100%;
    top:156%;
    left: 40.5%;
}
.devedivnr:nth-of-type(1) div{
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 13px solid #f5f5f5;
    border-bottom: 8px solid transparent;
    position: absolute;
    right: -13px;
    top: 27%;
}

.devediv{
    display: flex;
    justify-content: space-between;
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 45px;
}
.devediv:nth-of-type(1){
    margin-top: 30px;
}
.devediv:nth-of-type(2n+1){
    flex-direction:row-reverse;
}
.devediv:nth-of-type(2n+1) .devedivnr div{
    left: -13px;
    top: 27%;
    border-right: 13px solid #f5f5f5;
    border-left:0px
}
.devediv:nth-of-type(2n+1):hover .devedivnr div{
    border-right: 13px solid #d82409; transition-duration: .5s;
}
.devediv:nth-of-type(2n+1) .devedivnr i{
    top: 0%;
    left: -26.8%;
}

.devedivnr:hover{
    background-color: #d82409; transition-duration: .5s;
    box-shadow: 6px 6px 24px rgba(0,0,0,.2);
}
.devedivnr:hover div{
    border-left: 13px solid #d82409;
}
.devedivnr:hover h4{
    color: white;
}
.devedivnr:hover p{
    color: white;
}

.devedivtt .devedivnr:hover h4{
    color: #23374c;
}
.devedivtt .devedivnr:hover p{
    color: #6b6b6b;
}
.devedivwd .devedivtt .devedivnr:hover h4{
    color: #d82409;
}
.huiline{
    width: 1px;
    height: 100%;
    position: absolute;
    height: calc(100% - 47%);
    background-color: #666666;
    left: 49.9%;
    top: 31.3%;

}
.huilinee{
    background-color: #11b4ff;
    top: 16.5%;
}
.beijing{
    overflow: hidden;
  
    background-attachment: fixed;
    position: relative;
    padding-bottom: 60px;
}
.beijing1s{
    overflow: hidden;
    background-image: url(../images/developimg.png);
    background-attachment: fixed;
    position: relative;
    padding-bottom: 60px;
}
.devedivw{

}
.devedivwd{
    background-image:unset;
}
.diandi{
    height: 60px;
    display: block;
}
.devedivt{
    margin-top: 30px;
}
.lgimg{
    width: 100%;
    max-width:1430px ;

}
.lgimg div{
    display: inline-block;
    float: left;
    padding: 0 15px;
    width: 20%;
    margin-bottom: 50px;
}
.lgimg div img{
    width: 100%;
    transition-duration: .5s;
}
.lgimg div:hover img{
    box-shadow: 0 5px 26px rgba(0,0,0,0.09);
}
.lgimg:after{
    content: "";
    clear: both;
}
.aboutds1{
    font-size: 75px;
    color: rgba(51,51,51,.2);
    font-family: Impact;
    height: 59px;
    overflow: hidden;
    transition-duration: .5s;
}
.aboutds2{
    font-weight: bold;
    font-size: 26px;
    color: #333333;
    margin-bottom: 12px;
}
.aboutds3{
    font-size: 16px;
    color: #666666;
    line-height: 26px;
    text-indent: 2rem;
    margin-bottom: 24px;
}
.aboutds:hover .aboutds1{
    color:rgba(216,36,9,.3);
}
.aboutds:hover{
    box-shadow: 7px 7px 40px rgba(0,0,0,0.1);
    background-color: rgba(252,252,252,1);
}
.aboutds{
    cursor: pointer;

    background-color: rgba(252,252,252,.88);
    position: absolute;
    right: 0;
    width: 60%;
    top: 50%;
    position: absolute;
    top: 50%;
    left: 40%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-0%, -50%);
    -o-transform: translate(-50%, -50%);
    padding: 30px 46px 0px 170px;
    min-height: 285px;
    transition-duration: .5s;
}
.aboutsdivw{
    position: relative;
}
.aboutdimg{
    width: 100%;
}
.aboutdimg img{
    width: 50%;
}
.aboutsdivw{
    margin-bottom: 30px;
}

.aboutsdivw:nth-of-type(2n) .aboutdimg{
    text-align: right;
}
.aboutsdivw:nth-of-type(2n) .aboutds{
    padding: 30px 170px 0px 46px;
    left: 0;
}
.videodiv{
    position: absolute;width: 100%;height: 100%;z-index: 10;
}
.videodiv img{
    position: absolute;
    top: 50%;left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -webkit-transform:translate(-50%, -50%);
    -o-transform:translate(-50%, -50%);
}
.beijing1{
    padding-bottom: 0;
}
.aboutsdivw:last-of-type{
    margin-bottom: 0px;
}
.contentprog{
    margin-bottom: 130px;
}
.curtural p{
    text-align: center;
    font-size: 16px;
    color: #333333;
}
.ctrlmode{
    background-image: url("../images/ctr1.png");
    background-color:#f5f5f5;
    background-repeat: no-repeat;
    background-position: 90% 18%;

    overflow: hidden;
    padding: 0 23px;
    padding-bottom: 7.8%;
}
.ctrlmode h3{
    margin-top: 37.5%;
    margin-bottom: 6%;
    font-weight: bold;
}

.ctrlmode p{
    margin-top: 0;
    margin-bottom: 0px;
}
.ctrlmode:hover{
    background-color: #d9260b;
    transition-duration: .5s;
}
.ctrlmode:hover p{
    color: white;
}
.ctrlmode:hover h3{
    color: white;
}
.curtural{
    margin-bottom: 40px;
}
.beijing2{
    margin-bottom: 120px;
    padding-bottom: 0px;
}
.ctrldivs{
    width: 1430px;margin: 0 -15px;
}

.ctrldivs>div:nth-of-type(1) .ctrlmode{
    background-image: url("../images/ctr11.png");
}
.ctrldivs>div:nth-of-type(2) .ctrlmode{
    background-image: url("../images/ctr22.png");
}
.ctrldivs>div:nth-of-type(3) .ctrlmode{
    background-image: url("../images/ctr33.png");
}
.ctrldivs>div:nth-of-type(1):hover .ctrlmode{
    background-image: url("../images/ctr1.png");
    background-repeat: no-repeat;
    background-position: 90% 18%;
}
.ctrldivs>div:nth-of-type(2):hover .ctrlmode{
    background-image: url("../images/ctr2.png");
    background-repeat: no-repeat;
    background-position: 90% 18%;
}
.ctrldivs>div:nth-of-type(3):hover .ctrlmode{
    background-image: url("../images/ctr3.png");
    background-repeat: no-repeat;
    background-position: 90% 18%;
}
.ctrlmode div{
    min-height: 55px;
}
.honorcont{
    width: 1452px;
    margin-right:-26px ;
    margin-left:-26px ;
}
.honorcont .col-lg-3 ,.honorcont .col-md-6{
    padding-left: 26px;
    padding-right: 26px;
}
.honorcont .prolisp1{
    border: 1px solid #999999;
}
.honorcont a:hover .prolisp2{
    cursor: pointer;
    color:white;
    background-color:#d9260b ;
}
.honorcont>a{
    margin-bottom: 60px;
}
.tec2tb{
    background-image: url("../images/tec2t2.png");
    background-repeat: no-repeat;
    background-position: 98% 5%;
    background-color: #fafafa;
    padding: 22px 50px;
}
.tec2tb h3{
    font-size: 24px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 15px;
}
.tec2tb p{
    color: #333333;
    font-size: 16px;
    margin: 0 0 ;
    line-height:38px;
}
.tec2tb h3 img{
    position: relative;
    top: -3px;
}
.tec3tb h3{
    font-size: 24px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 15px;
    padding-left: 50px;
    margin-top: 80px;
    margin-bottom: 30px;
}
.tec3tb h3 img{
    position: relative;
    top:-3px;
    margin-right: 10px;
}
.tec3tb table td{
    line-height: 62px;
}
.tec3tb table tr:nth-of-type(2n+1){
    background-color:#fafafa;
}
.tec3tb table tr:nth-of-type(1){
    color: white;
    background-color: #d82409;
}
.tec3tb table{
    text-align: center;
    width: 100%;
    color: #333333;
    min-width: 1200px;
}
.tablescrol{
    width: 100%;
    margin-bottom: 60px;
}
.liuyan1 h3{
    font-size: 24px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 50px;
}
.liuyan2 h3{
    font-size: 24px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 30px;
}
.liuyan1{
    padding-left: 55px;
    padding-right: 9%;
}
.liuyan1 p{
    background-color: #f5f5f5;
    border-radius: 100px;
    padding:11px 20px ;
}
.liuyan1 p img{
    margin-right: 15px;
}
.liuyan2 input::placeholder{
    color: #999999;
}
.selects{
    color: #333333;
    width: 150px;
    padding: 8px 10px;
    border: 1px solid #d9d9d9;
    background-color: #fafafa;
    margin-bottom: 10px;
    float: right;
    margin-bottom: 15px;
}
.liuyan2 input{
    color: #333333;
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #d9d9d9;
    background-color: #fafafa;
    margin-bottom: 10px;
}
.liuyan2 textarea{
    min-height: 162px;
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #d9d9d9;
    background-color: #fafafa;
}
.tec3tb{
    padding-bottom: 50px;
}
.tec441 h3{
    font-size: 24px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 30px;
}
.tec441 p{
    font-size: 16px;
    color: #333333;
    margin-bottom: 14px;
    position: relative;
    padding-left: 24px;
}
.tec441 p:before{
    content: "";
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    left: 0px;
    top: 12px;
    width: 15px;
    height: 2px;
    background-color:#d82409;
    margin-right: 10px;
}
.containersp{
    margin: 0 -15px;
    padding: 0 0;
}
.tec442 img{
    width: 100%;
}
.downalis{
    width: 100%!important;
    display: block;
    border-bottom: 1px solid #ebebeb;
    padding: 0 12px;
    margin-bottom: 0px!important;
}
.downalis p{
    display: inline-block;
}
.downalis .p1 img{
    margin-right: 20px;
    position: relative;
    top: -1px;
}
.downalis .p2{
    float: right;
}
.downalis .p2 img{
    margin-right: 7px;
    position: relative;
    top: -1px;

}
.downalis p{
    margin-top: 20px;
    margin-bottom: 14px;
}
.newslis{
    padding: 30px 14px 38px 14px;
    display: block;
    border-bottom: 1px solid #ebebeb;
    cursor: pointer;
    transition-duration: .5s;
}
.newnrp h3{
    font-size: 16px;
    color: #333333;
    font-weight: bold;
}
.newnrp p{
    font-size: 16px;
    color: #666666;
    line-height: 28px;
    margin-top: 20px;
    margin-bottom: 40px;
    height:56px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.newnrp div{
    color: #d82409;
}
.newnrp div img{
    margin-left: 8px;
    position: relative;
    top:-1px;
}
.newnrp{
    padding-right: 100px;
    position: relative;
    right: 26px;
}
.newtime p:nth-of-type(1){
    text-align: center;
    font-size: 46px;
    color: #666666;
    border-bottom: 1px solid #999999;
    line-height: normal;
    padding-bottom: 7px;
    margin-bottom: 0px;
}
.newtime p:nth-of-type(2){
    text-align: center;
    color: #666666;
    font-size: 18px;
}
.newslis:hover .newnrp h3{
    color:#d82409 ;
}
.newslis:hover{
    box-shadow: 0 0 35px rgba(0,0,0,0.12);
}
.devedivw{
    padding-bottom: 100px;
    overflow: hidden;
}
.newdetail{
    margin-top: 65px;
}
.newdetail h3{
    color: #333333;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    margin-bottom: 0px;
    line-height: 40px;
}
.newdetail>p{
    text-align: center;
    color: #999999;
    font-size: 16px;
    padding: 12px 0;
    padding-bottom: 24px;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 0px;
    margin-top:0px ;
}
.newcont{
    text-align: center;
    margin-top: 30px;
}
.newcont img{
    max-width: 100%;
}
.newcont p{
    text-align: center;
    line-height: 28px;
    color: #333333;
}
.newpage{
    margin-top: 40px;
}
.newpage a:hover{
    color: #d82409;
}
.newpage a{
    display: block;
    margin-bottom: 16px;
    color: #333333;
}
.newpage img{
    position: relative;
    top:-2px;
    margin-right: 8px;
}

.contnr1 h3{
    font-size: 26px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 30px;
}
.contnr1 h3 span{
    color: #d82409;
    font-size: 20px;
    font-weight: bold;
    background-color:#f5f5f5 ;
    border-radius: 100px;
    padding: 5px 10px;
    margin-left: 15px;
}
.contnr2 h3{
    font-size: 26px;
}
.contnr1nr p span{
    display: inline-block;
}
.contnr1nr p{
    font-size: 16px;
    color: #333333;
    margin-bottom: 13px;
}
.contnr1nr p img{
    position: relative;
    top:-2px;
    margin-right: 15px;
}
.containerc{
    padding: 0 0;
}
.contline{
    height: 1px;
    width: 65%;
    background-color:#e0e0e0 ;
    margin: 20px 0;
}
.mapiframe{
   border: 0px;margin-top: 60px;height: 550px;width: 100%;padding: 0 15px;
}
.cotxs{
    max-width: 1112px;
    margin: 0 auto;
    line-height: 35px;
}

.icon{
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background-color: #d82409;
    box-shadow: 0px 0px 0px 0px rgba(216,36,9,.09);
    animation:1.5s dong linear infinite ;
    cursor: pointer;
    display: inline-block;
}
.icon p{
    white-space: nowrap;
    position: absolute;
    left: 30px;
    top:-16px;
    transition-duration: unset;
    display: none;

}
.divmap{
    margin-top: 70px;
    position: relative;
    min-width: 991px;
}
/*香港*/
.icon1{
    top: 50%;
    left: 78%;
    z-index: 2;
}
/*东南亚*/
.icon2{
    top: 60%;
    left: 76%;
    z-index: 2;
}
/*日本*/
.icon3{
    top: 42%;
    left: 85%;
    z-index: 2;
}
/*俄罗斯*/
.icon4{
    top: 21%;
    left: 85%;
    z-index: 2;
}
/*美国*/
.icon5{
    top: 38%;
    left: 23%;
    z-index: 2;
}
/*澳大利亚*/
.icon6{
    top: 78%;
    left: 83%;
    z-index: 2;
}
/*加拿大*/
.icon7{
    top: 21%;
    left: 15%;
    z-index: 2;
}
/*蒙古*/
.icon8{
    top: 35%;
    left: 75%;
    z-index: 2;
}
/*西班牙*/
.icon9{
    top: 40%;
    left: 45%;
    z-index: 2;
}
/*巴基斯坦*/
.icon10{
    top: 40%;
    left: 65%;
    z-index: 2;
}
/*新西兰*/
.icon11{
    top: 88%;
    left: 94%;
    z-index: 2;
}

.icons img{
    display: inline-block;
}
.icons{
    text-align: center;
    position: absolute;
    top: 53%;
    left: 77.5%;
}
.iconsp{
    position: absolute;
    top: 50%;left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -webkit-transform:translate(-50%, -50%);
    -o-transform:translate(-50%, -50%);
    white-space: nowrap;
}
.icos{
    position: absolute;
}
.iconsp1{
    position: absolute;
    white-space: nowrap;
}
.iconsp1 .icon{
    vertical-align: top;
}
.iconsp1 p{
    line-height: normal;
    margin: 0 0 ;
    display: inline-block;
    margin-left: 5px;
   height: 0px;
    overflow: hidden;
    position: relative;
    top:-2px;
    transition-duration: .5s;
}
.downalis:hover p{
    color:#d82409 ;
    transition-duration: .5s;
}
@keyframes dong {
    0%{
        box-shadow: 0px 0px 0px 0px rgba(216,36,9,.09);
    }
    100%{
        box-shadow: 0px 0px 0px 25px rgba(216,36,9,.09);
    }
}

.submits{
    background-color:#d82409;
    color: white;
    line-height: 50px;
    width: 180px;
    text-align: center;
    margin-top: 5px;
}
.swiper-containerprod .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    background-color: rgba(0,0,0,.6);
    opacity: 1;
}
.swiper-containerprod .swiper-pagination-bullet-active{
    background-color:#d82409;
}
.devedivwnew{
    overflow: unset;
}
.devedivover div{
    background-color: transparent!important;
    box-shadow: unset!important;
    border-right-color: transparent!important;
    border-left-color: transparent!important;
}
.devedivover i:after{
    display: none;
}
.devedivover p{
    display: none;
}
@media screen and (max-width: 1600px){
    .introduction {
        background-size: auto 100%;
    }
    .project-nav > ul > li{
        width: 190px;
    }
}
@media screen and (max-width: 1452px){
    .honorcont{
        width: 100%;
        margin: 0;
    }
}
@media screen and (max-width: 1430px){
    .ctrldivs{
        width: 100%;
        margin: 0;
    }
    .prolisold a{
        width: 25%;
    }
    .project-nav > ul > li{
        width: 160px;
        margin-right: 16px;
    }
    .company, .num-info{
        padding: 0;
    }
}
@media screen and (max-width: 1400px){
    .newnrp{
       padding-left: 50px;
        padding-right: 10px;
    }
    .newimg img{
        width: 100%;
    }
    .tablescrol{
        overflow-y: scroll;
    }
    .devedivt{
        margin-top: 30px;
    }
    .diandi{
        height: 20px;
    }
    .devediv:nth-of-type(2n+1) .devedivnr div{
        display: none;
    }
    .devediv:nth-of-type(2n) .devedivnr div{
        display: none;
    }
    .devedivnr{
        width: 90%;
        margin-bottom: 0px;
        padding-left: 79px;
    }
    .devediv{
        width: 100%;
        justify-content: center;
    }
    .huiline{
        display: none;
    }
    .devediv:nth-of-type(2n+1) .devedivnr i{
        display: flex;
        justify-content: center;
        vertical-align: middle;
        align-items: center;
        left: 0;
    }
    .devediv .devedivnr i {
        display: flex;
        justify-content: center;
        vertical-align: middle;
        align-items: center;
        top: 0%;
        left: 0;
        height: 100%;
        border-radius: 0;
    }
    .devedivnr i:after{
        content: unset;
        display: none;
    }
    .newnrp{
        padding-right: 50px;
    }
}
@media screen and (max-width: 1200px){
    .bread{
        margin-top: 0px;
    }
    .bread .tit {
        position: relative;
        width: 100%;
        top: unset;
    }
    .newnrp{
        right: 0px;
    }
    .prolisol a{
        width: 50%;
        float: left;
    }
    .project-nav > ul > li {
        width: 140px;
        margin-right: 6px;
        padding: 0 2px;
    }
    .num-info ul li{
        padding-right: 50px;
    }
    .num-info ul li p{
        font-size: 60px;
    }

}
@media screen and (max-width: 991px){
    .mapscrol{
        overflow: scroll;
    }
    .tec2tb{
        padding: 22px 20px;
    }
    .honorcont .col-lg-3, .honorcont .col-md-6{
        padding: 0 10px;
    }
    .aboutdimg img{
        width: 100%;
    }
    .aboutdimg{
        width: 100%;
    }
    .aboutds{
        width: 100%;
        display: block;
        position:unset;
        transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
        -moz-transform: translate(0%, 0%);
        -webkit-transform: translate(0%, 0%);
        -o-transform: translate(0%, 0%);
        overflow: hidden;
    }
    .aboutds{
        padding: 30px 15px 0px 15px!important;
        width: 100%;
        left: 50%;
        position: unset;
    }
    .lgimg{
        margin: 0 auto;
    }
    .lgimg div{
        width: 33.3%;
    }
    .detailpro{
        padding: 0;
    }
    .prolisold a{
        width: 48%;
    }
    .prolisol a>div {
    }
    .prolis{
        width: calc(100% - 280px);
        margin-left: 20px;
    }
    .proleft{
        width: 210px;
        max-width: 100%;
    }
    .project-nav>ul{
        white-space: nowrap;
        overflow-x: scroll;
        width: calc(100% - 60px);
    }
    .project-nav .add{
        padding: 12px;
    }
    .num-info ul li{
        padding-right: 20px;
    }
    .num-info {
        margin-top: 80px;
    }
    .num-info ul li span.counter-value,.num-info ul li p{
        font-size: 50px;
    }
    .double>.container{
        display: block;
    }
    .double>.container >div{
        width: 100%;
    }
    .video{
        padding-right: 0;
    }
    .news{
        padding-left: 0;
    }
    .main-title-news{
        margin-top: 60px;
    }
    .news>a .add{
        top: 62px;
    }
    .partner-item >.row .col-sm-6{
        width: 50%;
    }

}
@media screen and (max-width: 768px){

    .contnr1 h3 span{
        margin-top: 10px;
        display: block;
        margin-left: 0px;
    }
    .rowcont{
        margin: 0 0 ;
    }
    .newnrp h3{
        line-height: 30px;
    }
    .newnrp{
        padding: 0 15px;
    }
    .selects{
        margin-top: 15px;
        margin-bottom: 0px;
    }
    .caseoldds .prolisol{
        margin: 0 0;
        margin-bottom: 40px;
    }
    .tec441{
        padding-left: 0;
        padding-right: 0;
    }
    .tec442{
        padding-left: 0;
        padding-right: 0;
    }
    .containersp{
        margin: 0 0 ;
    }
    .liuyan1,liuyan2{
        padding: 0;
    }
    .bread{
        height: auto;
        text-align: center;
    }
    .lgimg{
        margin: 0 auto;
    }

    .lgimg div{
        width:50%;
        margin-bottom: 20px;
    }
    .closee{
        right: 0px;
    }
    .swiper-containercasc p{
        margin-bottom: 20px;
        font-size: 18px;
    }
    .swiperflex .swiper-containercasc1 {
        top: 40%;
    }
    .swiper-containercasc1 .swiper-button-next,.swiper-containercasc1 .swiper-button-prev{
        background-size: 10px 18px;
        width: 37px;
        height: 49px;
        top:66%;
    }

   .caseol{
        margin: 0;
    }
    .caseol a{
        padding-left: 15px;
        padding-right: 15px;
    }
    .prolisol a>div{
        margin-left: 0px;
    }
    .contentpro{
        margin-top: 35px;
        margin-bottom: 50px;
    }
    .bread .content{
        width: 100%;
    }
    .bread{
      
    }
    .bread .tit{
        font-size: 18px;
        width: 100%;
        padding: 15px 0;
    }
    .prolisol{
        margin: 0 -5px;
    }
    .prolisol a{
        width: 50%;
    }
    .prolis{
        width: 100%;
        margin-left: 0px;
        width: calc( 100% + 10px);
    }
    .proleft{
        width: 100%;
    }
    .product, .project, .introduction, .double, .partner{
        padding: 40px 0;
    }
    .main-title{
        font-size: 30px;
        padding-bottom: 20px;
    }
    .product-main .product-main-item{
        margin-bottom: 20px;
    }
    .num-info {
        margin-top: 36px;
    }
    .num-info ul li span.counter-value,.num-info ul li p {
        font-size: 40px;
    }
    .banner .swiper-container-horizontal > .swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{
        bottom: 20px;
    }
    .banner .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
    }
    .banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0px 5px;
    }
    .ad span{
        font-size: 14px;
    }
    .project-nav > ul > li{
        font-size: 14px;
        margin-right: 4px;
        width: 120px;
    }
    .lang-inner ul > li {
        padding: 10px 0 10px 6px;
    }
    .lang-inner ul>li:before{
        left: 10px;
    }
    .company p{
        text-align: left;
    }
    .caseold{

        width: calc( 100% + 20px);
    }
    .liuyan2 h3{
        margin-top: 60px;
    }
    .caseoldds{
        width: 100%;
        padding: 0 0;
        margin: 0 0;
    }
}
@media screen and (max-width: 640px){
    .prodtitle>div{
        width: 50%;
    }
    .honorcont>a{
        margin-bottom: 20px;
    }
    .beijing2{
        margin-bottom: 0;
    }
    .partner-item >.row .col-xs-12{
        width: 100%;
    }
    .banner img{
        width: 128%;
        margin-left: -14%;
    }
    .num-info ul{
        font-size: 0;
    }
    .num-info ul li{
        padding-right: 0;
        width: 50%;
        margin-bottom: 20px;
    }
    .company button{
        margin-top: 40px;
    }
    .main-title{
        font-size: 28px;
    }
    .bar .tools .search .search-inner{
        right: -150%;
    }
    .news-main-item .r-news p{
        height: 46px;
        font-size: 14px;
    }
}
@media screen and (max-width: 414px){
    .pro_empty>div:nth-of-type(n+5){
        display: block!important;
    }
    .product-main-item .sub-product{
        min-height: auto;
    }
    .product-main-item .sub-product>ul{
        display: none;
    }
    .product-main-item .sub-product>img{
        display: none;
    }
    .product-main-item .sub-product{
        padding: 10px 5px;
    }
    .product-main-item .sub-product .sub-product-tit{
        margin: 0px;
        font-size: 15px;
        text-align: center;
    }
   .product-main .row{
       margin-right: -5px;
       margin-left: -5px;
   }
    .product-main .col-xs-6{
        padding-right: 5px;
        padding-left: 5px;
    }


    .devetitle{
        margin-bottom: 30px;
    }
    .prolis{
        width: 100%;
    }
    .prolisol{

    }
    .prolisol a{
        width: 50%;
        padding: 0 5px;
    }
    .bar .tools{
        margin-right: 10px;
    }
    .bar .tools .search, .bar .tools .language {
        padding-left: 10px;
    }
    .head >.container{
        padding: 0 10px;
    }
    .logo{
        width: 46%;
    }
    .logo img{
        width: 80%;
    }
}